Top 11 Beautiful Sample Contact Form Showcase
Sleek-kit Clean and HTML simple form
Sleek-kit Clean and jQuery simple form validation HTML & CSS.Its Bootstrap Grid form pack. Sleek kit is simple, clean and fresh modern form pack hat useful to agency, company , portfolio, etc.Sleek-kit psd include below form. Create Account form
Newsletter form
Request Quote Form
Raleway (Google web-form) (Download from) http://www.
2. Formoid
Formoid makes creating beautiful web forms a cinch and a joy. With a no-coding drag-n-drop GUI, trendy Flat, Metro, Bootstrap form themes, pure css styled, responsive, retina-ready form elements, as-you-type validation, anti-spam captcha - Formoid is a just incredible form tool!
Modern Metro, Flat, Bootstrap form themes with fancy color schemes.
Pure CSS radios, checkboxes, selects, file upload, date picker, tooltips, and even google captcha!
All form elements look brilliantly on high resolution displays and devices.
Fully optimized to work on desktops, mobiles, and tablets.
The shortcuts to the web sites and services are accessible through a context menu which is sensitive to the current selected text form the web page.A Basic Usage Sample
com/contact/javascript-fast-links
Sky Forms Pro is a set of beautiful form elements with large amount of javascript features: validation, masking, modals, ajax submit, datepickers.Modern ElementsIncludes progressive form elements: input with autocomplete, toggles and ratings.Modal FormsYou don’t have enough space for the form? It’s not a problem! Use any form in modal window.6 designed statesEach form element has 6 states: normal, hover, focus, error, success and disabled.Lifetime SupportTo get support please send me an email through the wordpress contact form on my profile page.jQuery Form Plugin by The jQuery Foundation
A jQuery form validation 2013 generator for creating unlimited slide-out or static contact tabs containing AJAX powered customised forms. Plugin includes 12 different form elements and client-side validation. Add multiple tabs, each with its own custom form or use the built-in default standard contact form. All form HTML and styling generated by the plugin.Available Form Elements
URL field for including URL of page where form was submitted
jQuery Contact Tabs Features
Create custom forms with 12 different form elements
Submit form via AJAX
Includes validation options for HTML textarea form
Includes sample PHP file for contact 7 form not sending email via PHP slideshow or SMTP (using PHP SMTPClient class)
Show/hide slide out tabs or change active contact tab using external links.Default contact form very easy to use – just add a single div tag to your web page & initialize the plugin!
Multiple examples including configurable demo and form samples.jQuery Contact Tabs Demos
Multiple Contact Forms
Contact form with Ajax that can be integrated with any website very easily and could be configured in minutes, without modifying any line in the actual source code.Though it is primarily a Form Procesor and works independent of layout or theme, but as a token of thanks for purchasing, we’ve included
IP Address: Include IP Address of user submitting your form and send it via email or store in the database etc.Auto-responder: Send an email to the person who submitted the form.Filter Inputs: Filter form input before being sent or stored.Validation: Only take valid data as input, you can apply multiple validators to single form field.Multiple Recipients: Send form data to one or more email address, even send conditional email to one or more people upon specific input, for example if user selects Sales from dropdown, send an email to support@example.Data Storage: You can store form data anywhere you want, we packaged the csv-export, Google Spreadsheet and database-handling sample code.Multiple-Forms: Multiple form can be displayed on same page, yet they handled separately.Form Independence: At minimum reForm expects HTTP Request (of POST or GET ), it does not matter how you design your Form or what colors it has, all that matter is that form submission to email HTML took place.
AJAX-powered form interface.Form validation
Auto-save form data for the end-user
Form analytics in WordPress
Drag and drop, GUI form builder
Compressed form data
Dedicated form page
2 makes some important changes to the form styles. If the styles are off at some places, go to the form builder, remove, and re-add those fields (specially multi-choice, and checkbox fields).
Ask Feedback to your users: Do you have a few questions about your service? Or are you looking at launching a new product ? Build a fun and engaging quiz about your new product and redirect the user to a form where you collect their email address!
Validate your users to facilitate the call to actions: Does part of your online audience is entitled to a grant, make a quick quiz and redirect them to a contact form!
The contact form HTML5 Form utilises cutting edge HMTL5 code and CSS3 animations to make your contact page elegant and ultra-usable.You can view a demo of the form itself live!
Fully valid HTML5 code including inline form validation
jQuery functionality animates the form on submission failure or acceptance
* New: Added checkbox + radio sample
* Tweak: Update contact. * Tweak: Serialize all form values via JS, don't have to define them each in JS anymore
Optionally: you can add a map container that will display an interactive map with drag and drop location finding capabilities and a form that will be populated with the complete address details including the latitude and longitude coordinates. The remaining details will be completed for you and if you include additional form elements or a map container they will be filled in with the appropriate content. If you click that button the site should first ask for your permission to locate you (if you haven’t already approved it) and then the site will automatically attempt to find your location, as close as possible and map it and fill in the form.formMapper() will run, the form address elements will be filled in, and the map will be shown.By conguring the form slightly you can handle multiple results.In addition to being able to fill in the form by entering an address, you could also search for the location of a Point of Interest (POI).Demo Contact Form
There is the usual form on the left that searches for a location and fills in the input items and has a smaller map included.Then there is the demo contact form on the right with a map that displays the location of the restaurant (as shown below.formMapper() plugin but is not attached to any form (since you wouldn’t want to change the display of where you can be found.formMapper element on the page is found in the easy contact form wordpress itself.This particular use of the formMapper() plugin does not update a map and does not have a list of form inputs for the various address components. However, if you fill out the form and click submit (it will not send the email in the demo) it will just display the email content for you to view.By adding a list of hidden fields that each have address component names the form will have the various address items inserted without being visible to the end user and will be able to be sent along with the other (visible) form elements.details (The container that should be populated with the form data)
In addition to simplifing your form’s address input for your site’s visitors there are so many uses for this plugin.
Multiple Recipient Contact Form allows you to nested forms HTML contact recipients to your form with validation on each field. The Project contains 2 sample pages.
This jQuery based AJAX Contact Form; Extended allows you to easily place a self-contained Contact Form on any HTML or PHP page of your existing website.It uses just 1 file to Validate, Process and Send the completed contact form to your e-mail address and a Direct Message notification to your Twitter account, best of all, it does not reload the page to validate or send the form!
The form style can be integrated into your existing website Stylesheet or you can use the Default Style
Don’t need Javascript? Don’t forget to check out our Simple PHP Contact Form
Please contact us with any questions you may have via the
jQuery modal contact form on our author profile page. * New: Added checkbox + radio sample
* Tweak: Update contact. * Tweak: Serialize all form values via JS, don't have to define them each in JS anymore
Tags: twitter, contact, php, AJAX, validation, css, style, form, submit, process, fields